<%
	require 'view'
	require 'controller'

	view = View.new
	controller = ToDoDashController.new
	login = true
#TODO:ログインしたことにしておく
#controller.try_login
	if not login then
		# ログインに失敗した場合
		controller.redirect_to("login.rhtml")
	else
		# ログインに成功した場合

		#一覧の読み込み
		require 'task_list/controller'
		taskController = Controller.new


		searchQuery = controller.get_parameter('search-query')

%>
<html>
<!--	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>メイン画面 - ToDo Dash - </title>
	</head>-->
<!--	<body>
		<p>ログインしたよ．</p>
	</body>-->
		<head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		<title>TODOリスト</title>
		
		<!-- ↓以下YUIの読み込み↓ -->
<!--			<link rel="stylesheet" type="text/css" href="yui/build/fonts/fonts-min.css"/>-->
			<!-- ↓ 結構重要 -->
<!--			<script type="text/javascript" src="yui/build/yahoo-dom-event/yahoo-dom-event.js"></script>-->
			<!-- ↓ カレンダ -->
<!--			<link rel="stylesheet" type="text/css" href="yui/build/calendar/assets/skins/sam/calendar.css" />-->
<!--			<script type="text/javascript" src="yui/build/calendar/calendar-min.js"></script>-->
			<!-- ↓ ツリー -->
<!--			<link rel="stylesheet" type="text/css" href="yui/build/treeview/assets/skins/sam/treeview.css" />-->
<!--			<script type="text/javascript" src="yui/build/treeview/treeview-min.js"></script>-->
		<!-- ↑以上YUIの読み込み↑ -->
		
		<!-- スタイルシートの読み込み-->
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
	</head>

	<!-- contents definition -->
	<body>
		<table id="mainContents">
			<tr>
				<td>
					<div id="logo-box">
						<img src="" alt="TODO_LOGO" title="ここのロゴは誰が作るの？" id="logo"/>
					</div>
				</td>
				<td>
					<div id="search-box">
						<form method="post" action="main.rhtml">
							<input type="text" name="search-query" id="search-conditions" size="50" />
							<input type="submit" value="search" />
						</form>
					</div>
				</td>
				<td>
				<div id="logout">
					<form method="POST" action="logout.rhtml">
						<input type="submit" value="ログアウト" />
					</form>
				</div>		
				</td>
			</tr>
			<tr>
				<td>
					<div id="left-panel">
						<div class="yui-skin-sam">
							<div id="calendarContainer">
								<b>カレンダーの予定</b>
							</div>
						</div>
						<div id="tagTree-title">
							<b>タグリストの予定</b>
						</div>
						<div id="tagTree">
							
						</div>
					</div>				
				</td>
				<td>
					<!-- begin center area definition -->
					<div id="center-panel">
						<p><%= searchQuery%></p>
					<div id="center-panel-header">
					<!-- ↓ 本当はイベント登録を分離した方が良いかもね -->
					<%= view.a%>Add task</a>
					</div>
					<div id="task-box-list">
						<!-- ここにタスクが動的に追加される -->
					</div>
					<!-- end center area definition -->					
				</td>				
			</tr>
		</table>
	</body>
	
<!-- begin script area -->
<!--<script type="text/javascript" src="javascript/adjustsize.js"></script>
<script type="text/javascript" src="javascript/createTaskBox.js"></script>
<script type="text/javascript" src="javascript/createCalendar.js"></script>
<script type="text/javascript" src="javascript/createTreeView.js"></script>-->
<!-- end script area -->
</html>
<%
	end
%>
